@media ( min-width :600px) {
	#notes {
		padding: 0;
	}
	#note {
		overflow: auto;
	}
	#note .list {
		margin: 1px 0px 10px 0px;
		position: relative;
		box-shadow: 1px 2px 4px 1px #aaa;
		font-size: 14px;
		position: relative;
		width: 282px;
	}
	#note .list.title {
		margin-bottom: 0;
	}
	#note .list.title .con {
		display: none;
	}
	#note i.fa:before {
		position: absolute;
		top: 4px;
		cursor: pointer;
	}
	#note .fa.fa-close:before {
		right: 4px;
	}
	#note .fa.window:before {
		right: 24px;
	}
	#note .fa.fa-ellipsis-h:before {
		left: 24px;
	}
	#note .fa.fa-plus:before {
		left: 4px;
	}
	#note .list .cap {
		height: 32px;
	}
	#note .list.title .cap span font {
		display: inline;
	}
	#note .list .cap span font {
		display: none;
	}
	#note .list .cap span {
		height: 32px;
		line-height: 32px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: absolute;
		left: 46px;
		right: 46px;
		top: 0;
	}
	#note .list .con {
		line-height: 160%;
		text-align: justify;
		min-height: 24px;
	}
	#note .list .con .edit {
		padding: 3px;
	}
	#note .list .con.readonly {
		background: #888;
	}
	#notehead {
		width: 282px;
		padding: 8px 0 12px 0;
	}
	.notehead {
		text-align: center;
		vertical-align: middle;
	}
	.selectcolor, .sure {
		background: #fff;
		position: absolute;
		padding: 6px 0 0 6px;
	}
	.notehead span {
		display: inline-block;
		border: 1px solid #eee;
		width: 24px;
		height: 24px;
		margin-right: 6px;
		cursor: pointer;
		vertical-align: middle;
	}
	.notehead span font {
		line-height: 24px
	}
	.notehead span.cur {
		border: 1px solid #000;
	}
	.notehead span.color0 font.fa {
		display: none;
	}
	.notehead span.color0 {
		background-image: linear-gradient(45deg, #fff2ab, #ffcce5, #cde9ff, #cbf1c4);
	}
	.notehead span.color7.cur {
		border: 2px solid #f00;
	}
	.notehead span.reminder i {
		width: 6px;
		display: block;
		height: 6px;
		margin: 2px;
		background: red;
		border-radius: 50%;
	}
	.note .reminder i.fa.fa-plus:before {
		color: red;
	}
	.notehead.sure {
		height: 80px;
	}
	.notehead.sure span {
		width: 80px;
	}
	#notes span.add {
		margin: 24px;
		padding: 6px;
		display: inline-block;
	}

	/** 收缩左侧  **/
	.min-notes .main-sidebar {
		width: 24px;
	}
	.min-notes #notes #notehead span {
		float: left;
	}
	.min-notes #note {
		overflow: hidden;
	}
	.min-notes #note .list .con {
		display: none;
	}
	.min-notes #note {
		cursor: pointer;
	}
	.min-notes #note {
		cursor: pointer;
	}
	.min-notes #note .list {
		margin: 0;
		box-shadow: 0px 0px 0px 0px #aaa;
		border-bottom: 1px solid #aaa;
	}
	.min-notes #note i.fa-plus.fa:before {
		display: none;
	}
	.min-notes #note .reminder i.fa-plus.fa:before {
		margin-left: 3px;
		display: inline-block;
	}
	.min-notes .content-wrapper, .right-side, .main-footer {
		margin-left: 32px;
	}
	.min-notes .notehead span.color0 font.fa {
		display: block;
	}

	/* 黄色 */
	#note .list.color1 {
		background: #fff7d1;
	}
	#note .list.color1 .cap, .notes span.color1 {
		background: #fff2ab;
	}
	/*红色*/
	#note .list.color2 {
		background: #ffe4f1;
	}
	#note .list.color2 .cap, .notes span.color2 {
		background: #ffcce5;
	}

	/*蓝色*/
	#note .list.color3 {
		background: #e2f1ff;
	}
	#note .list.color3 .cap, .notes span.color3 {
		background: #cde9ff;
	}

	/*绿色*/
	#note .list.color4 {
		background: #e4f9e0;
	}
	#note .list.color4 .cap, .notes span.color4 {
		background: #cbf1c4;
	}

	/*紫色*/
	#note .list.color5 {
		background: #f2e6ff;
	}
	#note .list.color5 .cap, .notes span.color5 {
		background: #e7cfff;
	}

	/*灰色*/
	#note .list.color6 {
		background: #f3f2f1;
	}
	#note .list.color6 .cap, .notehead span.color6 {
		background: #e1dfdd;
	}

	/*深灰*/
	#note .list.color7 {
		background: #696969;
		color: ddd;
	}
	#note .list.color7 .cap, .notes span.color7 {
		background: #494745;
		color: #ddd;
	}
}